<div v-for="(item,index) in 10" class="align-center text-align-center rank-item">
  <div class="flex-1">{{index+1}}</div>
  <div class="flex-3 text-align-left align-center rank-item-team">
    <img class="rank-team-logo" src="./images/ball_park.png" alt="" srcset="" />
    <span class="flex-1 width-0 text-ellipsis rank-team-name">MCI 1234567897413213</span>
  </div>
  <div class="flex-1">2</div>
  <div class="flex-1">2</div>
  <div class="flex-1">0</div>
  <div class="flex-1">0</div>
  <div class="flex-1">60%</div>
</div>
